<!doctype html>
<html lang="en">	
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>06-案例</title>
		<style>
			*{margin:0;padding:0;}
			a{text-decoration:none;}
			ul,li{list-style:none;}
			body{font-size:12px;font-family:"微软雅黑";background-color:#ccc;}
			#box{width:220px;height:265px;background-color:#fff;margin:0 auto;}
			#box .header{width:100%;height:30px;background-color:#76498E;}
			#box .header h2{color:#fff;font-weight:650;line-height:30px;padding-left:15px;}
			#box ul li p{margin:10px;font-size:12px;}
			#box ul li img{width:70px; height:65px;}
			

		</style>
	</head>
	<body>
		
		<div id="box">
			<div class="header">
				<h2>会员专辑</h2>
			</div>
			<ul>
				<li>
					<p>暄器世界,这些头戴式耳机的美妙音乐</p>
					<img src="../images/01.jpg" alt="01"/>
					<img src="../images/02.jpg" alt="02"/>
					<img src="../images/03.jpg" alt="03"/>
				</li>
				<li>
					<p>美艳仙女风季锁色唇轴,俘获男神小心机</p>
					<img src="../images/04.jpg" alt="04"/>
					<img src="../images/05.jpg" alt="05"/>
					<img src="../images/06.jpg" alt="06"/>
				</li>
			<ul>
		</div>
		
		
		
	</body>
</html>
